<template>
  <span ref="scrollIntoView"></span>
  <div class="item-box" v-if="store.childModel && store.childModel.children.length > 0">
    <pageChildItem1 />
  </div>
  <!-- <NavVue :flag="true"></NavVue> -->
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'itemChild2',
});
</script>
<script setup lang="ts">
// @ts-nocheck
import titles from '@/wap/wapPage/wapComponents/title/title.vue';
import pageChildItem1 from './wapComponents/pageChildItem1.vue';
import UnitImageNull from '@/components/unitImageNull/unitImageNull.vue';
import readMore from './wapComponents/readMore.vue';
import pageChildItem2 from './wapComponents/pageChildItem2.vue';
import { storeToRefs } from 'pinia';
import { useProjectStore } from '@/store';
import { useRouter, useRoute } from 'vue-router';
import { onMounted, watch } from 'vue';
const store = useProjectStore();
const { childModel, tabvalue, styleInfo } = storeToRefs(store);
const route = useRoute();
const current = Number(route.query.current);

onMounted(() => {});
</script>
<style scoped lang="less">
.item-box {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding-top: 56px;
}
.banner-box {
  width: 100%;

  height: 200px;
  margin-bottom: 20px;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.remarks-text {
  margin-top: 12px;
}
.subTitle {
  color: rgba(51, 51, 51, 0.6);
  text-align: center;
  font-family: 'SourceHanSerifCN-medium';
  font-size: 15px;
  font-style: normal;
  margin-top: 6px;
  line-height: normal;
}
</style>
